<template lang="html">
   <div class="">
       <div class="content">
         <div class="bg-fff mt-10">
            <p class="pass-p">
               <label for="oldpass">请输入旧密码</label>
                <input type="text" placeholder="请输入原始密码" id="oldpass">
            </p>
          </div>
          <div class="bg-fff mt-10">
            <p class="pass-p">
              <label for="newpass">请输入新密码</label>
              <input type="text" placeholder="请输入新密码" id="newpass">
            </p>
            <p class="pass-p">
              <label for="confirmpass">再次输入新密码</label>
              <input type="text" placeholder="请再次输入密码" id="confirmpass">
            </p>
          </div>

          <div class="mt-25 text-center" >
            <button class="login-btn login-backcolor">取消</button>
            <button class="login-btn">确认修改</button>
          </div>
         </div>
       </div>

   </div>


</template>

<script>


export default {

}
</script>

<style scoped>
   .login-btn {
     width: 40%;
     margin: 1.5rem 0 0 1rem;
     font-size: .75rem;
   }

   .login-backcolor {
     background-color: #ffffff;
     color: #777777;
     border: #dedede 1px solid;
   }
   .pass-p{
     border-bottom:1px solid #eeeeee;
     height:2.5rem;
     line-height:2.5rem;
   }
   .pass-p label{
     float:left;
     width:38%;
     text-align:left;
     font-size: .75rem;
     color: #555555;
     padding-left: .75rem;
   }
   .pass-p input{
     float:left;
     width:62%;
     color:#999999 ;
     background:none;
     border:0;
     padding:.5rem;
     line-height:1.5rem;
     font-size: .7rem;
   }



</style>
